.nav {
	width                       : 100%;
	min-height                  : 100%;
	height                      : 100%;
	position                    : absolute;  /*  absolute  relative  */
	float                       : left;
	overflow                    : hidden;
	background-color            : rgba(239, 239, 244, 0.3);
	top                         : 0px;
	z-index                     : 3001;
	-webkit-transition          : margin 0.4s ease-out;
	   -moz-transition          : margin 0.4s ease-out;
	     -o-transition          : margin 0.4s ease-out;
	        transition          : margin 0.4s ease-out;
}
.nav-hleft {
	margin-left                 : 0;
}
.nav-hright {
	margin-left                 : 0;
}
.nav-left {
	margin-left                 : -100%;
}
.nav-right {
	margin-right                : -200%;
}
.push-left {
	margin-left                 : -100%;
}
.push-right {
	margin-right                : -200%;
}
.pull-left {
	margin-left                 : 0;
}
.pull-right {
	margin-right                : -100%;
}
.nav .nav-content {
	width                       : 80%;
	min-height                  : 100%;
	height                      : 100%;
	position                    : relative;  /*  absolute  relative  */
	float                       : left;
	overflow                    : hidden;
	color                       : #ffffff;
	background-color            : #000000;
	top                         : 0px;
	padding                     : 20px;
	valign                      : middle;
	vertical-align              : middle;
	align                       : center;
	text-align                  : center;
	background                  : url(../images/menu_back.png) top center no-repeat;
	background-size             : cover;
}
.nav p {
	height                      : 25px;
	align                       : center;
	text-align                  : center;
}
.nav .title {
	height                      : 135px;
	align                       : center;
	text-align                  : center;
}
.nav .title img {
	width                       : 121px;
	height                      : 121px;
}
.nav .info {
	height                      : 35px;
	align                       : center;
	text-align                  : center;
	font-size                   : 16px;
}
.nav ul li {
	width                       : 98%;
	height                      : 45px;
	line-height                 : 45px;
}
.nav ul .blank {
	height                      : 20px;
}
.nav ul .section {
	height                      : 40px;
	align                       : left;
	text-align                  : left;
	font-size                   : 18px;
	padding-left                : 10px;
}
.nav ul .menu {
	height                      : 60px;
	line-height                 : 60px;
	align                       : left;
	text-align                  : left;
	padding-left                : 50px;
	font-size                   : 20px;
	border                      : 0;
}
.nav ul .menu img {
	padding-right               : 20px;
	valign                      : middle;
	vertical-align              : middle;
	width                       : 30px;
	height                      : 30px;
}